<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>东明家居销售部考核系统</title>
<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
<![endif]-->
    <link rel="shortcut icon" href="./images/icon.png" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico">
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/font-awesome.min.css" rel="stylesheet">
<link href="./css/animate.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
    <link href="./js/toastr/toastr.css" rel="stylesheet">
    <script src="./vue/vue.min.js"></script>
    <script src="./vue/iview.min.js"></script>
    <link href="./vue/iview.css" rel="stylesheet">

</head>

<body class="white-bg">
<div id="app" class="wrapper wrapper-content animated fadeInRight">
    <div class="ibox-content ibox-content-search" style="margin-bottom: 10px">
        <div class="col-sm-2" style="width: 130px">
            <input id="time1" class="laydate-icon form-control layer-date" placeholder="开始日期"   readonly="readonly">
        </div>
        <div class="col-sm-2" style="width: 130px">
            <input id="time2" class="laydate-icon form-control layer-date" placeholder="截止日期"   readonly="readonly">
        </div>
        <div class="col-sm-2" style="width: 160px">
            <select class="form-control" name="" id="StoreSelect" onchange="getPostSelect()">
            </select>
        </div>
        <div class="col-sm-2" style="width: 130px">
            <select class="form-control" name="" id="PostSelect" onchange="getSaleManSelect()">
            </select>
        </div>
        <div class="col-sm-2" style="width: 130px">
            <select class="form-control" name="" id="SaleManSelect" onchange="searchCategory()">
            </select>
        </div>
        <div class="col-sm-2" style="width: 130px">
            <select class="form-control" name="" id="CategorySelect" onchange="searchProject()">
            </select>
        </div>
        <div class="col-sm-2" style="width: 130px">
            <select class="form-control" name="" id="ProjectSelect" onchange="searchStandard()">
            </select>
        </div>
        <div class="col-sm-2" style="width: 130px">
            <select class="form-control" name="" id="StandardSelect">
            </select>
        </div>
            <button class="btn btn-success " style="background:#7B7B7B;border:#7B7B7B" type="button" @click="querytable('1','99999999')"><i class="fa fa-search" ></i>&nbsp;<span>搜索</span></button>
            <button class="btn btn-success " style="background:#7B7B7B;border:#7B7B7B" type="button" @click="inportexcel()"><i class="fa fa-search"></i>&nbsp;<span>导出</span></button>
    </div>
    <!-- 搜索条件结束 -->
    <!-- 搜索结果开始 -->
    <i-table height="420" border="true" :row-class-name="rowClassName" stripe :columns="columns1" size="large" :data="historyData" no-data-text="请点击搜索查看数据" style="width:100%"></i-table>
    <br />
    <br />
    <!--<Page :total="dataCount" :page-size="pageSize" @on-change="changepage" show-total></Page>-->
    <!-- 搜索结果结束 -->

    <div>
        <Modal v-model="editDataModalFlag" title="编辑详情" @on-ok="doEditData">
            <Form :model="standardObject" :label-width="100" >
                <div class="form-group col-sm-12">
                    <FormItem class="col-sm-3 control-label" label="基数(元)">基数(元)</FormItem>
                    <div class="col-sm-8">
                        <Input class="form-control" v-model="standardObject.Base" placeholder="请输入" class="input-select-class" readonly="readonly" />
                    </div>
                </div>
                <div class="form-group col-sm-12">
                    <FormItem class="col-sm-3 control-label" label="占比(%)">占比(%)</FormItem>
                    <div class="col-sm-8">
                        <Input class="form-control" v-model="standardObject.Proportion" placeholder="请输入" class="input-select-class" readonly="readonly" />
                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <FormItem class="col-sm-3 control-label" label="金额(元)">金额(元)</FormItem>
                    <div class="col-sm-8">
                        <Input class="form-control" v-model="standardObject.Money" placeholder="请输入" class="input-select-class" readonly="readonly"/>
                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <FormItem class="col-sm-3 control-label" label="完成率(%)">完成率(%)</FormItem>
                    <div class="col-sm-8">
                        <Input class="form-control" v-model="standardObject.FinishRate"  placeholder="请输入" class="input-select-class" style="border-color: red"/>
                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <FormItem class="col-sm-3 control-label" label="是否领取工资" >是否领取工资</FormItem>
                    <div class="col-sm-8">
                        <select class="form-control" v-model="standardObject.IsOrNotMoney" style="border-color: red">
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <FormItem class="col-sm-3 control-label" label="实际工资(元)">实际工资(元)</FormItem>
                    <div class="col-sm-8">
                        <Input class="form-control" v-model="standardObject.FactMoney =((standardObject.FinishRate/100) * standardObject.Base * (standardObject.Proportion/100)*standardObject.IsOrNotMoney).toFixed(2)" placeholder="请输入" class="input-select-class" readonly="readonly"/>
                    </div>
                </div>
            </Form>
        </Modal>
    </div>
</div>

<!-- 全局js --> 
<script src="./js/jquery.min.js?v=2.1.4"></script>
<script src="./js/bootstrap.min.js?v=3.3.6"></script>
<script src="./js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="./js/examine/examine_search.js"></script>
<script src="./js/toastr/toastr.min.js"></script>

<!-- 自定义js -->
<script src="./js/content.js?v=1.0.0"></script>
<script src="./js/plugins/layer/laydate/laydate.js"></script>
<script>
  laydate.render({ 
    elem: '#time1',
    event: 'focus',
    theme: '#1c84c6'
  });
  laydate.render({
      elem: '#time2',
      event: 'focus',
      theme: '#1c84c6'
  });
</script>


</body>
</html>
